<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>太空人 - 主页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Reflex by Designova - Responsive HTML5 template">
    <meta name="author" content="Designova">

    <!-- Standard Favicon-->
    <link rel="shortcut icon" href="images/favicon/favicon.ico">
    <!-- Standard iPhone Touch Icon-->
    <link rel="apple-touch-icon" sizes="57x57" href="" />
    <!-- Retina iPhone Touch Icon-->
    <link rel="apple-touch-icon" sizes="114x114" href="" />
    <!-- Standard iPad Touch Icon-->
    <link rel="apple-touch-icon" sizes="72x72" href="" />
    <!-- Retina iPad Touch Icon-->
    <link rel="apple-touch-icon" sizes="144x144" href="" />
    <!-- Bootstrap CSS Files -->
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
    <!-- Custom Fonts Setup via Font-face CSS3 -->
    <link href="fonts/fonts.css" rel="stylesheet">
    <link href="css/home.css" rel="stylesheet">
    <!-- CSS files for plugins -->

    <link href="stylesheets/hiding-nav.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="stylesheets/menu-transition.css" rel="stylesheet" type="text/css" media="screen" />
<link href="stylesheets/owl.carousel.css" rel="stylesheet">
<link href="stylesheets/owl.theme.css" rel="stylesheet">
<link href="stylesheets/jquery.bxslider.css" rel="stylesheet" />
    <link href="stylesheets/parallax-layers.css" rel="stylesheet">
    <link href="stylesheets/isotope.css" rel="stylesheet" type="text/css"/>
    <link href="stylesheets/venobox.css" rel="stylesheet" />
    <link href="stylesheets/jquery.tweet.css" rel="stylesheet" type="text/css" media="screen" />

    <link href="stylesheets/pace.preloader.css" rel="stylesheet">
    <link href="stylesheets/slimmenu.css" rel="stylesheet"/>
    <!-- Main Template Styles -->
    <link href="stylesheets/main.css" rel="stylesheet">
    <!-- Main Template Responsive Styles -->
    <link href="stylesheets/main-responsive.css" rel="stylesheet">
    <!-- Main Template Retina Optimizaton Rules -->
    <link href="stylesheets/main-retina.css" rel="stylesheet">
    <!-- LESS stylesheet for managing color presets -->
    <link rel="stylesheet/less" type="text/css" href="less/color.less">
    <!-- LESS JS engine-->
    <script src="less/less-1.7.3.min.js"></script>
<script src="javascripts/modernizr.custom.js"></script>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="bootstrap/js/html5shiv.js"></script>
    <script src="bootstrap/js/respond.min.js"></script>
    <![endif]-->
</head>
<body class="post">
<section class="mast-wrap">
    <div class="mobile-nav hidden-lg">
        <ul class="slimmenu">

            <li>
                <a class="sub-collapser" href="/index">HOME</a>
            </li>

            <li><a href="/showcase">SHOW CASE</a></li>

            <li class="trigger-sub-nav">
                <a class="main-nav-link" href="#">SERVICE</a>
                <div class="sub-nav">
                    <a href="/analytics" >Analytics</a>
                    <a href="/creative" >Creative</a>
                </div>
            </li>

            <li class="trigger-sub-nav">
                <a class="main-nav-link" href="/about_us">ABOUT US</a>
            </li>

            <li><a class="main-nav-link" href="/work-with-us" >Work with us</a></li>
                <li><a class="main-nav-link" href="/spayz" >Spayz</a></li>
            <li><a class="main-nav-link" href="/contact" >contact</a></li>

        </ul>
    </div>

    <div id="wrap">


        <header class="main-nav visible-lg">

            <div class="row">

                <article class="col-md-6 fullheight blue-bg text-center">
                    <div class="lang">
                        <a href="javascript:;"  class="active">EN</a>
                        <a href="javascript:;" class='changeurl'>中文</a>
                    </div>
                    <div class="valign">
                        <ul class="main-nav-menu main-nav-menu-effect">

                            <li class="trigger-sub-nav">
                                <a class="main-nav-link" href="/index">HOME</a>
                            </li>

                            <li><a class="main-nav-link" href="/showcase">SHOW CASE</a></li>
                            <li class="trigger-sub-nav">
                                <a class="main-nav-link" href="#">SERVICE</a>
                                <div class="sub-nav">
                                    <a href="/analytics">Analytics</a>
                                    <a href="/creative" >Creative</a>
                                </div>
                            </li>

                            <li class="trigger-sub-nav">
                                <a class="main-nav-link" href="#">ABOUT US</a>
                                <div class="sub-nav">
                                    <a href="/about_us">Introduction</a>
                                    <a href="/work-with-us" >Work with us</a>
                                </div>
                            </li>
                            <li><a class="main-nav-link" href="/spayz" >Spayz</a></li>
                            <li><a class="main-nav-link" href="/contact" >contact</a></li>

                        </ul>
                    </div>
                </article>

                <article class="col-md-6 fullheight nav-bg text-center">
                    <div class="valign">
                        <a href="/"><img alt="" title="" class="main-logo" src="images/logo1.png"/></a>
                    </div>
                </article>

            </div>


        </header>
        <!-- end header -->



        <section class="top-header visible-lg">

            <div class="row">
                <div class="col-md-6"></div>
                <div class="col-md-6"><img class="logo pull-right" src="images/logo.png " alt=""/></div>
            </div>

            <div class="toggle-menu-wrap">

                <a id="toggle-menu" class="toggle-menu-hidden">
                    <div>
                        <span class="top"></span>
                        <span class="middle"></span>
                        <span class="bottom"></span>
                    </div>
                </a>

            </div>

            <div class="info-button">
                <a href="agency-credits.html"><img alt="" title="" src="images/info-button.png"/></a>
            </div>

        </section>

        @yield('content')


    </div>
    <!-- end wrap -->


</section>
<script type="text/javascript">
    $(function(){
    var url = window.location.pathname;
    var u = url.substr(-2);
    console.log(url)
    if(u == 'cn'){
        var a = url.split("_");
        $('.changeurl').attr('href',a[0]);
    }else if(u == "" || u=="/"){
        $('.changeurl').attr('href','/index');
    }else{
        $('.changeurl').attr('href',url+'_cn');
    }
})
</script>
</body>
</html>
